<template>
  <div class="wrapper">
    <mainNavbar/>
    <div class="wrapper_main">
      <mainSidebar/>
      <mainContent/>
    </div>
  </div>
</template>

<script setup>

import mainNavbar from '../components/navbar.vue'
import mainSidebar from '../components/side.vue'
import mainContent from '../components/mainContent.vue'

</script>
<style lang="less">
.wrapper{
  display: flex;
  flex-direction: column;
}
.wrapper_main{
  display: flex;
  height: calc(100vh - 56px);
  background: var(--el-bg-color-page);
}
</style>
